<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>Cargar Pregunta</title>
	<style type="text/css">
.ui-widget {
	font-size: 90%;
}
</style>
</h:head>
<h:body>
	<h:form>

		<p:panel id="panelPregunta">

			<h:panelGrid columns="3" cellspacing="10">
				<p:messages id="msgs" />
				<h:outputLabel value=" " />
				<h:outputLabel value=" " />

				<h3 style="margin-top: 0">Curso:</h3>

				<p:selectOneMenu id="cursos" value="#{preguntaBean.cursoSelecId}"
					disabled="#{preguntaBean.cursosActivos()}" required="true">
					<f:selectItem itemLabel="Seleccione" itemValue="" />
					<f:selectItems value="#{preguntaBean.cursos}" var="cursoper"
						itemLabel="#{cursoper.curso.nombreCurso}"
						itemValue="#{cursoper.idCursoPeriodo}" />
					<p:ajax update="tematicas"
						listener="#{preguntaBean.obtenerTematicasxCurso}" />
				</p:selectOneMenu>
				<p:message for="cursos" display="icon" />

				<h3 style="margin-top: 0">Tematica:</h3>

				<p:selectOneMenu id="tematicas"
					value="#{preguntaBean.tematicaSelecId}" required="true">
					<f:selectItem itemLabel="Seleccione" itemValue="" />
					<f:selectItems value="#{preguntaBean.tematicas}" var="tematica"
						itemLabel="#{tematica.nombreTematica}"
						itemValue="#{tematica.idTematica}" />
				</p:selectOneMenu>
				<p:message for="tematicas" display="icon" />

				<h3 style="margin-top: 0">Enunciado:</h3>
				<p:editor id="editor" widgetVar="editorWidget"
					value="#{preguntaBean.enunciado}" width="300" required="true" />
				<p:message for="editor" display="icon" />

				<h3 style="margin-top: 0">Dificultad:</h3>
				<p:selectOneRadio id="dificultad"
					value="#{preguntaBean.nivelDificultad}" required="true">
					<f:selectItem itemLabel="Fácil" itemValue="1" />
					<f:selectItem itemLabel="Regular" itemValue="2" />
					<f:selectItem itemLabel="Difícil" itemValue="3" />
				</p:selectOneRadio>
				<p:message for="dificultad" display="icon" />


				<h3 style="margin-top: 0">Alternativas:</h3>
				<p:selectOneRadio id="customRadio"
					value="#{preguntaBean.numRespuesta}" layout="custom"
					required="true">
					<f:selectItem itemLabel="Alternativa 1: " itemValue="1" />
					<f:selectItem itemLabel="Alternativa 2: " itemValue="2" />
					<f:selectItem itemLabel="Alternativa 3: " itemValue="3" />
					<f:selectItem itemLabel="Alternativa 4: " itemValue="4" />
					<f:selectItem itemLabel="Alternativa 5: " itemValue="5" />
				</p:selectOneRadio>
				<p:message for="customRadio" display="icon" />
				<h:panelGrid columns="2">
					<p:radioButton id="opt1" for="customRadio" itemIndex="0" />
					<p:outputLabel value="R1" />
				</h:panelGrid>
				<p:inputText id="alt1" value="#{preguntaBean.alt1}" required="true" />
				<p:message for="alt1" display="icon" />
				<h:panelGrid columns="2">
					<p:radioButton id="opt2" for="customRadio" itemIndex="1" />
					<p:outputLabel value="R2" />
				</h:panelGrid>
				<p:inputText id="alt2" value="#{preguntaBean.alt2}" required="true" />
				<p:message for="alt2" display="icon" />
				<h:panelGrid columns="2">
					<p:radioButton id="opt3" for="customRadio" itemIndex="2" />
					<p:outputLabel value="R3" />
				</h:panelGrid>
				<p:inputText id="alt3" value="#{preguntaBean.alt3}" required="true" />
				<p:message for="alt3" display="icon" />
				<h:panelGrid columns="2">
					<p:radioButton id="opt4" for="customRadio" itemIndex="3" />
					<p:outputLabel value="R4" />
				</h:panelGrid>
				<p:inputText id="alt4" value="#{preguntaBean.alt4}" required="true" />
				<p:message for="alt4" display="icon" />
				<h:panelGrid columns="2">
					<p:radioButton id="opt5" for="customRadio" itemIndex="4" />
					<p:outputLabel value="R5" />
				</h:panelGrid>
				<p:inputText id="alt5" value="#{preguntaBean.alt5}" required="true" />
				<p:message for="alt5" display="icon" />

			</h:panelGrid>
			<br></br>
			<p:commandButton id="save" value="Guardar"
				actionListener="#{preguntaBean.guardarPregunta}"
				update="panelPregunta" />


		</p:panel>

	</h:form>
</h:body>
</html>